<template>
  <div class="showPlace">
    <div class="date">
      <span class="hour">{{newdata.hour}}</span>
      <span class="zi">{{newdata.day}}</span>
    </div>
    <div class="title">{{newdata.title}}</div>
    <div class="tu">
      <img :src="newdata.imgsrc" alt="">
    </div>
  </div>
</template>

<script>
export default {
  created(){
    this.$store.dispatch('getofficial_showPlace',{url:"/data/official/official_showPlace"})
  },
  computed:{
    newdata(){
      return this.$store.state.official_showPlace.data;
    }
  },
}
</script>

<style scoped>
  .showPlace{
    min-height: 2.5rem;
    /* background-color: deepskyblue; */
    padding: .15rem 0;
    border-bottom: 1px solid rgb(235,235,235);
  }
  .showPlace .date .hour{
    font-size: .24rem;
    color: rgb(155,155,155);
  }
  .showPlace .date .zi{
    font-size: .12rem;
    color: rgb(155,155,155);
  }
  .showPlace .title{
    margin: .15rem 0;
  }
  .showPlace .tu{
    width: 100%;
    height: 1.6rem;
    border-radius: .1rem;
    overflow: hidden;
  }
  .showPlace img{
    width: 100%;
    height: 1.6rem;
    background-color: gold;
  }
</style>